<template>
  <div id="app">
    <!-- 路由跳转 -->
    <!-- <keep-alive><router-view></router-view></keep-alive> -->
    <router-view v-slot="{ Component }">
      <keep-alive exclude="Detail">
        <component :is="Component" />
      </keep-alive>
    </router-view>
    <main-tab-bar></main-tab-bar>
    <icon></icon>
    <svg-icon></svg-icon>
  </div>
</template>

<script>
import MainTabBar from "components/content/maintabbar/MainTabBar";
import Icon from "components/content/Icon/Icon.vue";
import SvgIcon from "components/content/Icon/svg.vue";
export default {
  name: "#App",
  components: {
    MainTabBar,
    Icon,
    SvgIcon,
  },
};
</script>

<style>
@import "assets/css/base.css";
#app {
  position: relative;
}
</style>